:root,
:root[theme-mode="default"] {
	//背景色
	--bg-color: #071521 !important; //常规背景色 用于所有背景、底板
	--bg-second-color: #030d17; //次级背景色，部分页面背景，导航栏背景
	--bg-transfer-panel-header-color: #0a2335; //用于穿梭框头部背景色
	--bg-transfer-button-color: #1e2932; //用于穿梭框按钮背景色
	--bg-transfer-checkbox-hover-color: #80ceff; //用于复选框鼠标悬浮背景色
	--bg-drawer-color: #0a2237; // 用于抽屉的背景色

	//分割线颜色
	--divider-light-color: #0c304c; //常用高亮分割线颜色，常规背景下水平/垂直分割线颜色
	--divider-border-color: #17476c; //常用边框分割线颜色,容器或按钮边框分割颜色
	--divider-tab-border-rgb: 40, 120, 181; // 切换标签带透明度边框
	--divider-border-hover-color: #245f8c; //常用于鼠标悬停边框色
	--divider-border-disabled-color: rgba(40, 120, 181, 0.3); //禁用边框
	--border-light-color: #2878b5; //常用于输入操作时边框高亮颜色
	--border-error-color: #b9393b; //常用于校验没通过错误提示时边框颜色
	--border-switch-disabled-color: #2c6992; //单选 ,多选禁用时边框颜色
	--drawer-border-color: #2a455c; // 用于抽屉的头部变框线颜色

	// 表格
	--el-ui-table-border-color: #13507e; //表格外边框色
	--el-ui-table-bg-color: #071927; //表格内容背景色，用于表格的背景等
	--el-ui-table-head-bg-color: #0a2335; //表格标题背景色，用于表格头部的背景等

	// 按钮主色
	--el-color-primary: #50bbff !important; //默认按钮填充/线框、模块标题图标、文字选中、筛选框悬停线框
	--el-color-primary-rgb: 80, 187, 255; // 默认按钮填充/线框、模块标题图标、文字选中、筛选框悬停线框(用于带透明度)
	--el-button-color-primary: #16364d !important; // 常规按钮颜色
	--el-tab-bg-color: #0a1f30; // 切换标签背景色
	--el-button-color-disabled: #1e2932; // 禁用按钮背景色
	--el-switch-inactive-color: #394b59;
	--el-time-icon-color: #d4edff; //用于时间前后按钮颜色
	--el-button-color-active: #318ec9; //按钮链接等鼠标悬停点击状态,常规按钮，边框，文字点击状态颜色

	// 文字色
	--font-frist-color: #ffffff; //一级标题颜色，用于一级重要信息，页面总标题等
	--font-second-color: #8da3c1; //二级标题颜色用于模块标题、侧边栏等
	--font-none-describe-color: #4a5d72; //内容未填写，用于描述性内容
	--font-none-secondBtn-color: #255879; //内容未填写，用于次要按钮
	--font-disabled-color: #576a81; //用于禁用的颜色
	--font-time-color: #e1eaff; //用于时间组件字体颜色

	//辅助色
	--second-color-danger: #e25160; //危险色/重度警告，用于严重出错提示、消息提示、危险按钮的文字颜色等，克制使用
	--second-color-succeed: #12ce8e; //成功色/健康色，用于操作成功的提示、健康状态的表示；
	--second-color-warn: #ce8343; //告警色/轻度告警，用于一些警告icon的颜色，警告信息提示颜色
	--second-color-normal: #50bbff; //连接色/正常运行，用于一些跳转颜色
	--second-color-error: #274358; //数据异常，用于一些跳转颜色

	//告警色及标签
	--alarm-color-normal: #3fafd2; //正常
	--alarm-color-twoLevel: #97d043; //一级
	--alarm-color-threeLevel: #ce8343; //二级
	--alarm-color-fourLevel: #b9393b; //三级
	--alarm-color-fiveLevel: #6039b1; //四级
	--alarm-color-normal: #3fafd2 !important; //正常
	--alarm-color-twoLevel: #97d043 !important; //一级
	--alarm-color-threeLevel: #ce8343 !important; //二级
	--alarm-color-fourLevel: #b9393b !important; //三级
	--alarm-color-fiveLevel: #6039b1 !important; //四级

	//   弹窗标题底部颜色
	--dialog-title-bottom: #13324d;
	--dialog-title-color: #50bbff;
	--cancellation: #7ea1ce;
	// 弹窗取消按钮
	--dialog-cancellation-color: #8da3c1;
	--dialog-cancellation-border: #255879;
	// 弹窗确认按钮
	--dialog-confirm-color: #2d96fd;
	--dialog-confirm-bg: #002851;
	//分页
	--el-pager-border: rgba(13, 42, 64, 1);
	--el-pager-background: #0d2a40;
	--el-pager-selected-background: #061622;
	--el-pager-color: #8da3c1;
	--el-pager-selected: rgba(40, 120, 181, 0.3);
	--el-pager-notHave: rgba(13, 42, 64, 1);
}

:root[theme-mode="white"] {
	--bg-color: #fff; //常规背景色 用于所有背景、底板
	--el-color-primary: #2e79b6; //默认按钮填充/线框、模块标题图标、文字选中、筛选框悬停线框
}
